HTML
{
    color: #DCE8EF;
    font-family: 'Lucida Sans';
    font-size: 12px;
}

body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.ColumnaOrdenada
{
    cursor: pointer;
}

.ColumnaOrdenada div
{
    color: red;
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    background-color: transparent;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-top: solid 5px;
}

.ColumnaOrdenada:hover
{
    background-color: #999999;
}

.CeldaInfo
{
    color: Black;
}
.CeldaInfo div
{
    color: Red;
    padding-right: 5px;
    display: inline-block;
    background-color: transparent;
    width: 0px;
    height: 0px;
    border-left: solid 10px;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
}



#TablaEmployees table
{
    background-color: transparent;
}

#TablaEmployees tr.Seleccionado
{
    -webkit-filter: drop-shadow(15px 15px 20px black);
    color: #FFBA2B;
    cursor: pointer !important;
}

#TablaEmployees td.Seleccionado
{
    -webkit-filter: drop-shadow(15px 15px 20px black);
    color: #FFBA2B;
    cursor: pointer !important;
}



.FilaEmploy table tr td
{
    cursor: pointer !important;
}

.FilaEmploy:hover
{
    -webkit-filter: drop-shadow(15px 15px 20px black);
}
.FilaEmploy:nth-child(odd)
{
    background-color: #595959;
}
.FilaEmploy:nth-child(even)
{
    background-color: #555555;
}
.Employ
{
    background-color: #555555;
}


.ComboEmploy
{
    border-style: solid;
    border-width: thin;
    color: Black;
    -webkit-filter: drop-shadow(15px 15px 20px black);
}
.ComboEmploy tr td
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: thin;
    padding: 2px 2px 2px 2px;
}
.ComboEmploy tr th
{
    background-color: #FFEBCC;
    border-style: solid;
    border-width: thin;
    padding: 2px 2px 2px 2px;
}



.ComboEmploy tr.Seleccionado td
{
    background-color: #D7FFFF;
    border-style: solid;
    border-width: thin;
    padding: 2px 2px 2px 2px;
}


.Calendario
{
    border: 0px solid #9CBDD6;
    background-color: #EEF2F7;
    color: #5F95B6;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    width: 230px;
    height: 230px;
    margin-top: 0px;
}
.Calendario TABLE
{
    width: 100%;
    height: 100%;
}
.Calendario TABLE TR TD
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.Calendario_CabeceraFecha
{
    background-color: #3D7AB8;
    color: #FFFFFF;
    font-weight: bold;
    white-space: nowrap;
    padding: 0px 8px 0px 0px;
}

.Calendario_CabeceraDias
{
    background-color: #3D7AB8;
    color: #FFFF99;
}

.Calendario_Dia
{
    border: thin solid #000000;
    background-color: #85ADD6;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}

.Calendario_Dia:hover
{
    border: solid 1px white;
    cursor: hand;
}

.Calendario_Inactivo
{
    background-color: #E0E0E0;
    color: #C0C0C0;
}


.Calendario_Hoy
{
    border: thin solid #000000;
    background-color: #CCDDEE;
}
.Calendario_Hoy:hover
{
    border: solid 1px white;
}

.Calendario_Valor
{
    border: thin solid #000000;
    background-color: #FF6666;
    color: #FFFFFF;
}

.Calendario_Valor:hover
{
    border: solid 1px white;
}


.Calendario_DiaOtroMes
{
    border: thin solid #000000;
    background-color: #FFFFFF;
}

.Calendario_DiaOtroMes:hover
{
    border: solid 1px white;
    cursor: hand;
}

.Calendario_FinDeSemana
{
    border: thin solid #000000;
    background-color: #306192;
    color: #FFFFFF;
}

.Calendario_FinDeSemana:hover
{
    border: solid 1px white;
    cursor: hand;
}


.Orders
{
    background-color: #808080;
    color: #FFFFFF;
}

.Orders tr td
{
    padding: 3px;
    border: thin solid #FFFFFF;
    background-color: #666666;
    height: 25px;
}

.Orders tr.Seleccionado td
{
    background-color: #CC3300;
}

.FilaOrders:hover td
{
    color: #FFFF99;
}

.OrderDetails
{
    background-color: #808080;
    color: #FFFFFF;
}

.OrderDetails tr td
{
    padding: 3px;
    border: thin solid #FFFFFF;
    background-color: #666666;
    height: 25px;
}

.FilaOrderDetails:hover td
{
    color: #FFFF99;
}

.OrderDetails tr.Seleccionado td
{
    background-color: #CC3300;
}



span ul
{
    margin: 0px 0px 0px 0px;
}

.Invalido
{
    background-color: #ECF2F9;
}


.Invalido + span
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    margin-top : -30px;
    margin-left : -15px;
    padding : 3px 6px 3px 0px;
    position: absolute;
    z-index: 1100;
    white-space: nowrap;
    border: 0px solid #FF0000;
    background-color: #FFFFDD;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
  	-moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}

.Invalido + span:after
{
    content: ' ';
    border: solid 10px transparent;
    border-bottom: 0;
    border-top-color: #FFFFDD;
    display: block;
    position: absolute;
    margin-top :2px;
    z-index: 1101;
   
}

.FormularioInvalido
{
    background-color: #FFFFDD;
   
}


.MenuUno {}
.MenuUno .Menu { float  :left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:130px;}
.MenuUno .Menu ul {padding:0; margin:0; list-style:none; width:130px; height:auto; position:absolute; left:-9999px; top:0;}

.MenuUno .Menu li { list-style-type :none;  list-style-image :none; float:left; margin-bottom:1px;}
.MenuUno .Menu li a{display: block;float: left;width: 200px;height: 24px;background: #888;color: #000;line-height: 24px;font-family: arial, sans-serif;font-size: 11px;text-decoration: none;text-indent: 10px;border-right: solid medium #FF9933;}
.MenuUno .Menu li a.Submenu{}
.MenuUno .Menu li:hover {position:relative;}
.MenuUno .Menu li a:hover {position:relative}

.MenuUno .Menu ul li a {background:#aaa;}
.MenuUno .Menu ul li a.Submenu {}
.MenuUno .Menu ul ul li a {background:#ccc;}
.MenuUno .Menu ul ul li a.Submenu {}
.MenuUno .Menu ul ul ul li a {background:#eee;}
.MenuUno .Menu ul ul ul li a.Submenu {}

.MenuUno .Menu :hover ul,
.MenuUno .Menu :hover ul :hover ul,
.MenuUno .Menu :hover ul :hover ul :hover ul {left:203px;}

.MenuUno .Menu :hover ul ul,
.MenuUno .Menu :hover ul :hover ul ul {left:-9999px;}

.MenuUno .Menu li:hover > a {background-color:#e60; color:#fff;}
.MenuUno .Menu ul li:hover > a {background-color:#e60; color:#fff;}
.MenuUno .Menu ul ul li:hover > a {background-color:#e60; color:#fff;}



.MenuDos .Menu{padding: 0px 0px 0px 20px;margin: 0;list-style: none;height: 24px;position: relative;z-index: 500;font-family: verdana;font-weight: normal;font-size: 12px}

.MenuDos .Menu li {float:left; margin-right:10px}
.MenuDos .Menu li:hover {position:relative; z-index:200}


.MenuDos .Menu li a {display:inline-block;height:24px;margin:5px 0 0 0;padding:0 20px 0 0;line-height:24px;text-decoration:none;color:#000; background-color :#65A2C3;}
.MenuDos .Menu li a:hover {background-color :gray}
.MenuDos .Menu li a abbr{display: block;height: 24px;float: left;padding: 0 0 0 20px;margin :0 0 0 -5px;background-color :blue; font-weight :bold;color:#BDD7E5;border-bottom-width: 0}
.MenuDos .Menu li a abbr:hover{background-color :gray;color:#1E3D4D}



.MenuDos .Menu li a.Submenu      {}
.MenuDos .Menu li a.Submenu:hover{background-color :gray}
.MenuDos .Menu li a.Submenu abbr {display: block;height: 24px;float: left;padding: 0 0 0 20px;margin :0 0 0 -5px;background-color :#65A2C3}


.MenuDos :hover li:hover > a {background-color :gray}
.MenuDos :hover li:hover a > abbr {background-color :gray; color:#1E3D4D}



.MenuDos .Menu :hover ul {left:0; top:31px; width:150px}
.MenuDos .Menu :hover ul li {margin:-2px; border-width:0px}
.MenuDos .Menu :hover ul li a {width:150px; padding:0px; text-indent:-10px; background:#8DBAD3; color:#1E3D4D; height:30px; line-height:30px; border :solid 1px #65A2C3; margin:0px}
.MenuDos .Menu :hover ul li a abbr {background:#8DBAD3;margin:0;color:#1E3D4D ; font-weight :normal }

.MenuDos .Menu :hover ul li a:hover {background:#65A2C3;}
.MenuDos .Menu :hover ul li a:hover abbr {background:#65A2C3; color:white;margin:0}

.MenuDos .Menu :hover li:hover > a {background:#65A2C3}
.MenuDos .Menu :hover li:hover a > abbr {background:#65A2C3;color:white}


.MenuDos .Menu ul, 

.MenuDos .Menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.MenuDos .Menu :hover ul :hover ul {left:153px; top:2px; white-space: nowrap ; width:150px; z-index:200; height:auto;}
.MenuDos .Menu :hover ul :hover li a {width:150px; padding:0px; text-indent:-10px; background:#8DBAD3; color:#1E3D4D; height:30px; line-height:30px; border :solid 1px #65A2C3; margin:0px}
.MenuDos .Menu :hover ul :hover li a abbr {color:#1E3D4D;}
.MenuDos .Menu :hover ul :hover li a:hover { background:#65A2C3;}
.MenuDos .Menu :hover ul :hover li a:hover abbr {background:#65A2C3; color:white}
.MenuDos .Menu :hover ul :hover li a abbr {background:#8DBAD3}

